<!DOCTYPE HTML>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>

</head>
<body>


<div class="page">
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left" href="/demos/card" data-transition='slide-out'>
            <span class="icon icon-left"></span>
            返回
        </a>
        <h1 class="title">我的书架</h1>
    </header>

    <nav class="bar bar-tab">
    <a class="tab-item active" href="#">
    <span class="icon icon-home"></span>
    <span class="tab-label">书架</span>
    </a>
    <a class="tab-item" href="#">
    <span class="icon icon-me"></span>
    <span class="tab-label">书城</span>
    </a>
    <a class="tab-item" href="#">
    <span class="icon icon-star"></span>
    <span class="tab-label">排行榜</span>
    </a>
    <a class="tab-item" href="#">
    <span class="icon icon-settings"></span>
    <span class="tab-label">我的</span>
    </a>
    </nav>

    <div class="content">
        <div class="page-index">
            <div class="card">
                <div style="background-image:url(//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250.3.0q60.jpg)" valign="bottom" class="card-header color-white no-border">旅途的山</div>
                <div class="card-content">
                    <div class="card-content-inner">
                        <p class="color-gray">发表于 2015/01/15</p>
                        <p>此处是内容...</p>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="#" class="link">赞</a>
                    <a href="#" class="link">更多</a>
                </div>
            </div>
            <div class="card">
                <div style="background-image:url(//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250.3.0q60.jpg)" valign="bottom" class="card-header color-white no-border">旅途的山</div>
                <div class="card-content">
                    <div class="card-content-inner">
                        <p class="color-gray">发表于 2015/01/15</p>
                        <p>此处是内容...</p>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="#" class="link">赞</a>
                    <a href="#" class="link">更多</a>
                </div>
            </div>
        </div>
    </div>
</div>



<script>$.init()</script>




<script type="text/javascript" src="js/requirejs/2.1.14/require.js"></script>

<script type="text/javascript">
    require.config({
        baseUrl: './js/',
        paths: {
            'jquery': 'base/jquery-2.0.3',
        },
        shim: {}
    });

    require(['read', 'menu'], function (read, menu) {

        read.main();
        menu.load();
    });
</script>
</body>
</html>